/*
 * @Title: 
 * @Created by: ycq
 */
<template>
	<view class="queue">
		<view class="queue-mask"></view>
		<view class="queue-area">
			<view class="queue-text">
				<text class="queue-label">是否继续排队？</text>
				<text class="queue-tip">您已在其它景点排队成功，若继续添加 可能会错过某个景点。</text>
				<text class="queue-num">当前排队人数<text style="color: #577AFF;">20</text> 人</text>
			</view>
			<view class="queue-btns">
				<view class="queue-btn-com" @click="queueCommit()">是</view>
				<view class="queue-btn" @click="close()">否</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods: {
			close(){
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.closeQueue();
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.closeQueue();
				//#endif
			},
			queueCommit(){
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.showQS();
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.showQS();
				//#endif
			}
		},
		created(){
			
		}
	}
</script>

<style scoped>
	.queue{
		width: 750upx;
		height: 100vh;
		position: fixed;
		top:0;
		z-index: 30;
	}
	.queue-mask{
		width: 750upx;
		height: 100vh;
		background: rgba(0,0,0,0.5);
		position: absolute;
	}
	.queue-area{
		width: 515upx;
		height: 309upx;
		background: #FFFFFF;
		border-radius: 20upx;
		top: 540upx;
		left: 117upx;
		position: absolute;
	}
	.queue-text{
		width: 515upx;
		height: auto;
		display: table;
	}
	.queue-label{
		font-size:34upx;
		width: 400upx;
		display: block;
		margin-top: 20upx;
		height: 40upx;
		margin-left: 37upx;
	}
	.queue-tip{
		font-size:26upx;
		width: 440upx;
		display: block;
		margin-top: 20upx;
		height: auto;
		margin-left: 37upx;
		color: #999999;
	}
	.queue-num{
		font-size:24upx;
		width: 400upx;
		display: block;
		height: 40upx;
		margin-left: 37upx;
		color: #666666;
		margin-top: 20upx;
	}
	.queue-btns{
		font-size:34upx;
		text-align: center;
		height: 90upx;
		line-height: 90upx;
		width: 100%;
		position: absolute;
		bottom: 0;
		border-top: #55A0FF solid 1upx;
	}
	.queue-btn{
		height: 90upx;
		width: 257upx;
		color: #666666;
		border-left: #55A0FF solid 1upx;
		border-radius: 0 0 20 0upx;
		float: left;
	}
	.queue-btn-com{
		height: 90upx;
		width: 256upx;
		color: #55A0FF;
		border-right: #55A0FF solid 1upx;
		border-radius: 0 0 0 20upx;
		float: left;
	}
</style>
